.seller-center-container {
  .right-wrap {
    .main-wrap {
      padding: 20px 20px 24px;
      .first-title {
        font-size: 24px;
        color: #666666;
        line-height: 33px;
      }
      .page-container {
        padding: 0 8px;
        >.tip {
          line-height: 17px;
          font-size: 12px;
          color: #666666;
          margin: 10px 0;
          >a {
            color: #58A1F6;
          }
        }
        .open-step {
          margin-bottom: 20px;
          width: 100%;
          .step-item {
            width: 33.33%;
            display: inline-block;
            text-align: center;
            float: left;
            .step-item-container {
              background: #F2F3F7;
              height: 80px;
              line-height: 16px;
              cursor: pointer;
              position: relative;
              margin-left: 24px;
              margin-right: 6px;
              .step-title {
                height: 80px;
                line-height: 16px;
                color: #3C3C3C;
                font-size: 16px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                text-align: center;
                .step-item-cont {
                  display: inline-block;
                  text-align: left;
                  margin-top: 21px;
                  position: relative;
                  margin-left: 0;
                  .step-item-num {
                    font-size: 45px;
                    position: absolute;
                    left: -45px;
                    top: 10px;
                    z-index: 2;
                    text-align: left;
                  }
                  .step-item-title {
                    font-size: 14px;
                    line-height: 16px;
                  }
                  .step-item-desc {
                    color: #9C9C9C;
                    font-size: 12px;
                    line-height: 16px;
                    margin-top: 5px;
                  }
                }
              }
              &:before {
                content: '';
                position: absolute;
                top: 0;
                z-index: 1;
                left: -24px;
                border: 24px solid #F2F3F7;
                border-left-color: transparent;
              }
              &:after {
                content: '';
                position: absolute;
                right: -48px;
                top: 0;
                z-index: 1;
                border: 24px solid #F2F3F7;
                border-bottom: 24px solid transparent;
                border-right: 24px solid transparent;
                border-top: 24px solid transparent;
              }

              &:after, &:before {
                border-top-width: 40px;
                border-bottom-width: 40px;
              }
            }
            &:first-child {
              .step-item-container {
                margin-left: 0;
                &:before {
                  display: none;
                }
              }
            }
            &:last-child {
              .step-item-container {
                &:after {
                  display: none;
                }
              }
            }
            &.active {
              .step-item-container {
                background: #FFB28F;
                .step-title {
                  color: #fff;
                  .step-item-desc {
                    color: #FF5001 !important;
                  }
                }
                &:after {
                  content: '';
                  position: absolute;
                  right: -48px;
                  top: 0;
                  z-index: 1;
                  border: 24px solid #FFB28F;
                  border-bottom: 24px solid transparent;
                  border-right: 24px solid transparent;
                  border-top: 24px solid transparent;
                }
                &:before {
                  content: '';
                  position: absolute;
                  top: 0;
                  z-index: 1;
                  left: -24px;
                  border: 24px solid #FFB28F;
                  border-left-color: transparent;
                }
                &:after, &:before {
                  border-top-width: 40px;
                  border-bottom-width: 40px;
                }
              }
            }
          }
        }
        .first-step-container{
          .input-group {
            width: 550px;
            margin: 0 auto;
            .input-item {
              margin-bottom: 15px;
              color: #666666;
              .text-title {
                width: 80px;
                float: left;
                text-align: right;
                font-size: 14px;
                margin-top: 5px;
              }
              .text-content, .file-content, .select-content, .radio-content {
                width: 470px;
                float: right;
              }
              .text-content {
                input, textarea {
                  border: 1px solid #e5e5e5;
                  height: 30px;
                  line-height: 30px;
                  width: 460px;
                  padding: 0 5px;
                }
                textarea {
                  height: 150px;
                  resize: none;
                }
              }
              .select-content {
                .select-desc {
                  float: left;
                  margin-left: 10px;
                  width: 150px;
                  &:first-child {
                    margin-left: 0;
                  }
                }
              }
              .radio-content {
                label {
                  display: inline-block;
                  margin-top: 5px;
                  margin-bottom: 5px;
                  margin-right: 15px;
                  input {
                    margin-right: 10px;
                  }
                }
              }
              .file-content {
                .img-null-content {
                  width: 60px;
                  height: 60px;
                  border: 1px solid #e5e5e5;
                  float: left;
                  >img {
                    width: 40px;
                    height: 30px;
                    display: block;
                    margin: 0 auto;
                    margin-top: 16px;
                  }
                }
                .img-content {
                  width: 60px;
                  height: 60px;
                  float: left;
                }
                .btn-file {
                  float: left;
                  margin-top: 40px;
                  margin-left: 10px;
                  width: 60px;
                  height: 20px;
                  border: 1px solid #e5e5e5;
                  position: relative;
                  color: #3C3C3C;
                  font-size: 10px;
                  text-align: center;
                  line-height: 20px;
                  input {
                    content: '';
                    opacity: 0;
                    filter:alpha(opacity=0);
                    position: absolute;
                    left: 0;
                    top: 0;
                    width: 100%;
                    height: 100%;
                  }
                }
              }
            }
          }
        }
        .second-step-container {
          .id-tip {
            font-size: 16px;
            color: #3C3C3C;
            border-bottom: 1px solid #e5e5e5;
            padding-bottom: 20px;
          }
          .identity-container {
            width: 730px;
            margin: 20px auto;
            color: #3C3C3C;
            font-size: 14px;
            .id-content {
              position: relative;
              margin-bottom: 34px;
              .item-img {
                width: 50%;
                height: 160px;
                position: relative;
                .id-title {
                  position: absolute;
                  left: 0;
                  top: 5px;
                }
                .img-content {
                  position: absolute;
                  display: inline-block;
                  right: 20px;
                  top: 0;
                  background: #FAFAFA;
                  width: 250px;
                  height: 158px;
                }
                .img-null-content {
                  position: absolute;
                  right: 20px;
                  top: 0;
                  background: #FAFAFA;
                  width: 250px;
                  height: 158px;
                  border: 1px dashed #9C9C9C;
                  display: inline-block;
                  text-align: center;
                  >img {
                    width: 65px;
                    height: 50px;
                    margin-top: 40px;
                    margin-bottom: 16px;
                  }
                  >span {
                    display: block;
                  }
                  input {
                    content: "";
                    position: absolute;
                    opacity: 0;
                    filter:alpha(opacity=0);
                    width: 100%;
                    height: 100%;
                    left: 0;
                    top: 0;
                  }
                  &.no-border {
                    border: none;
                  }
                }
              }
            }
          }
        }
        .third-step-container {
          .succeed-tip {
            text-align: center;
            font-size: 16px;
            color: #3C3C3C;
            margin-top: 70px;
            margin-bottom: 90px;
          }
          a:hover {
            color: #fff;
          }
        }
        .btn-container {
          text-align: center;
          margin-bottom: 10px;
          button {
            margin: 0 30px;
          }
        }
      }
    }
  }
}